<template>
    <div>
        <van-nav-bar title="标题" left-text="返回" left-arrow @click-left="onClickLeft" />
        <van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />
        <van-cell-group>
            <van-cell title="店铺名称" value="" />


        </van-cell-group>
        <van-card num="3" price="20.1" desc="白色的" title="华为Mate60Pro"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
        <van-cell-group>
            <van-cell title="优惠卷" value="无可用优惠卷" />
            <van-cell title="店铺优惠" value="无" />

        </van-cell-group>
        <van-cell-group>
            <van-cell title="商品金额" value="￥60.3000000000000004" />
            <van-cell title="优惠金额" value="0" />
            <van-cell title="运费" value="免运费" />
            <van-cell title="备注" value="123123" />
        </van-cell-group>
        <van-submit-bar :price="6030" button-text="提交订单" @submit="onSubmit" />
    </div>
</template>

<script setup>
import router from '@/router';
import { ref } from 'vue';
let onClickLeft=()=>{
    router.push('/index/sy')
}


const tel = ref('15555467032');
const name = ref('斌');
const onEdit = () => showToast('edit');


</script>

<style lang="scss" scoped>
van-cell-group {
    margin-top: 10px;
}

desc {
    color: orange;
}
</style>